<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分页</title>
    <link href="../assets/css/bootstrap.min.css" rel="stylesheet">
    <style type="text/css">
    li.pagego{display:inline-block; height: 34px;display: inline-block;margin-left: 10px;}
    li.pagego *{height: 34px;margin: 0;border: 0;}
    li.pagego>div{display: inline-block;float: left; border: 1px solid #ddd;padding: 0 0px 0 10px;color: #777;text-align: center;font-size: 12px;}
    li.pagego input{-webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;outline: none;width:80px;text-align: center;margin-left: 6px;height: 33px;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;}  
     </style>
</head>
<body>
<nav id="pagination" style="text-align:center">maxPage=100;url=http://www.baidu.com;a=1;b=2</nav>
<!-- <ul class="pagination">
    <li class="disabled">
        <a href="" aria-label="Next"><span aria-hidden="true">首页</span></a>
    </li>
    <li class="disabled">
      <a href="#" aria-label="Previous">
        <span aria-hidden="true">&laquo;</span>
      </a>
    </li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li>
      <a href="#"  aria-label="Next">
        <span aria-hidden="true">&raquo;</span>
      </a>
    </li>
    <li>
        <a href="" aria-label="Next"><span aria-hidden="true">尾页</span></a>
    </li>
    <li class="pagego">   
        <div>跳转到 <input type="text"></div>
        <a href="#">GO</a>
    </li>
  </ul> -->
</body>
<script src="../js/jquery-1.10.2.js"></script>
<script src="../assets/js/bootstrap.min.js"></script>
<script src="../js/controls/pagination/pagination.js"></script>
<script>
    $(function(){
        $("#pagination").paginate();
    })
</script>
</html>